<template>
	<view class="content">
		<view class="image_view">
			<image :src="staticUrl + '/image/shop/img_paySuccess.png'"></image>
			<text>支付成功</text>
		</view>
		<text class="pay-text">感谢您的购买，您的包裹正在整装待发！</text>
		<view class="btn-view">
			<view class="btn-catOrder content" @click="catOrder()">
				<text>查看订单</text>
			</view>
			<view class="btn-keepShop content" @click="keepShop()">
				<text>继续购物</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				staticUrl:this.$config.StaticUrl,
			}
		},
		onLoad() {
			uni.$emit('updatePurseInfo',{});
		},
		onUnload() {
			uni.switchTab({
				url:'../shopMall'
			});
		},
		methods: {
			// 查看订单 我的订单页没有二级，所以直接跳转到订单页
			catOrder(){
				uni.redirectTo({
					url:'../../mine/myOrder/myOrder'
				});
			},
			// 继续购物  跳转到商城首页
			keepShop(){
				uni.switchTab({
					url:'../shopMall'
				});
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.image_view {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 450rpx;
		height: 447rpx;
		margin-top: 50rpx;
	}
	
	.image_view image {
		width: 100%;
		height: 100%;
	}
	
	.image_view text {
		position: absolute;
		bottom: 13rpx;
		font-size: 38rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #000000;
	}
	
	.pay-text {
		margin-top: 27rpx;
		font-size: 28rpx;
		font-family: Source Han Sans CN;
		font-weight: normal;
		color: #121215;
		opacity: 0.4;
	}
	
	.btn-view {
		margin-top: 65rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.btn-catOrder {
		width: 200rpx;
		height: 72rpx;
		border-radius: 12.5rpx;
		border: 1px solid #FC9548;
		color: #FC9548;
		font-size: 30rpx;
		font-weight: bold;
	}
	.btn-keepShop {
		margin-left: 46rpx;
		width: 200rpx;
		height: 72rpx;
		border-radius: 12.5rpx;
		background-color: #FF9648;
		color: #FFFFFF;
		font-size: 30rpx;
		font-weight: bold;
	}
</style>
